function getSpecifiedTimeInterval() {
    // Получаем указанный промежуток времени

    const startingDay = document.querySelector('.starting-day').value;
    const endDay = document.querySelector('.end-day').value;
    return [startingDay, endDay];
}


function changeAmount() {
    // Меняем общую сумму

    function insertNewAmount(result) {
        // Вставляем новую сумму

        document.querySelector('.total-amount-value').innerHTML = `${result['total_amount']} $`;
    }

    function getNewAmount(startingDay, endDay) {
        // Получаем новую сумму

        const url = document.location.origin + `/main/statistics?start_day=${startingDay}&end_day=${endDay}`
        base.sendAjaxRequest('GET', url)
            .then((result) => {
                insertNewAmount(result);
            })
    }


    // ВЫШЕ ОПРЕДЕЛЕНИЕ ФУНКЦИЙ

    const selectTimeInterval = document.querySelector('.select-time-interval');
    const [startingDay, endDay] = getSpecifiedTimeInterval();
    getNewAmount(startingDay, endDay);

}


function showFormForSelectingDays() {
    // Показываем форму для выборки дней

    const totalAmountButton = document.querySelector('.total-amount');
    totalAmountButton.onclick = (event) => {
        document.querySelector('.page-wrapper').insertAdjacentHTML('beforeend', `
            <div class="time-interval">
                <p>Начальный день:</p>
                <input type="date" class="starting-day">
                <br>
                <p>Конечный день:</p>
                <input type="date" class="end-day">
                <br>
                <button class="select-time-interval" onclick="changeAmount();">Применить</button>
            </div>
        `)
    }
}
